<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="css/plugins/zTreeStyle/zTreeStyle.css">
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/plugins/ztree/jquery.ztree.core.min.js"></script>
    <script src="js/plugins/ztree/jquery.ztree.exedit.js"></script>
    <script src="js/plugins/ztree/jquery.ztree.excheck.js"></script>
    <script>
        //设置tree的公共属性
        var setting = {
            view: {
                showLine: true
            },
            check: {
                enable: true
            }
        };
        var zNodes={
            name:"我的菜单",
            open:false,
            children:[
                {name:"客户管理",open:true,
                    children:[{name:"增加客户"},{name:"修改客户"}]
                 },
                {name:"项目管理",open:true},
                {name:"办公管理",open:true},
                {name:"邮件管理",open:true}

            ]
        };
        $(document).ready(function(){
            $.fn.zTree.init($("#mytree"), setting, zNodes);
        });

    </script>
</head>
<body>
     <ul id="mytree" class="ztree"></ul>
</body>
</html>
